:root{
    --ch:800px;
    --cw:800px;
    --bh:200px;
    --bw:200px;
}
.container{
    width: var(--cw);
    height:var(--ch);
    outline: 1px solid red;
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
}
.box{
    width: 25%;
    /* width: var(--bw); */
    height: var(--bh);
    background-color: rgb(88, 185, 93);
    outline: 1px solid rgb(161, 47, 255);
    /* flex-shrink: 1; */
    /* flex-grow: 1; */
    /* flex-basis: auto; */
    flex: 1;
    /* flex-grow: 1; */
    /* flex-shrink: 1; */
}
.b1{
    /* 40 */
    /* flex-grow: 0; */
    /* flex-shrink: 4; */
    /* flex-grow: 10; */
}
.b3{
    /* 120px */
    /* flex-grow: 3;  */
}

.b2{
    /* 40px */
    /* flex-grow: 1; */
} 
.b4{
    align-self: flex-end;
}
.b5{
    align-self: center;
}
/* 剩余200px */

/* 缩小 200 */

/* 总共缩小 8份  25px*/